<template>
  <div>
    <div class="ware">
      <div class="card-table">
        <div class="table-list">
          <el-table border stripe resizable>
            <el-table-column show-overflow-tooltip type="index" :index="indexMethod" label="序号" width="50" />
            <el-table-column show-overflow-tooltip prop="date" label="状态名称" width="120" />
            <el-table-column show-overflow-tooltip prop="name" label="状态处理" />
            <el-table-column show-overflow-tooltip prop="name" label="最后更新时间" width="170" />
            <el-table-column show-overflow-tooltip fixed="right" label="操作" width="100">
              <template #default="scope">
                <div class="flex-justify-between">
                  <button class="btn-table bgColor1">修改</button>
                  <button class="btn-table bgColor2">系统</button>
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="card-table">
        <div class="btns"><button class="btn btn-bg2">添加入库类型</button></div>
        <div class="table-list">
          <el-table border stripe resizable>
            <el-table-column show-overflow-tooltip type="index" :index="indexMethod1" label="序号" width="50" />
            <el-table-column show-overflow-tooltip prop="date" label="类型名称" />
            <el-table-column show-overflow-tooltip prop="name" label="最后更新时间" width="170" />
            <el-table-column show-overflow-tooltip fixed="right" label="操作" width="100">
              <template #default="scope">
                <div class="flex-justify-between">
                  <button class="btn-table bgColor1">修改</button>
                  <button class="btn-table bgColor5">删除</button>
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="card-table">
        <div class="btns"><button class="btn btn-bg2">添加入库字段</button></div>
        <div class="table-list">
          <el-table border stripe resizable>
            <el-table-column show-overflow-tooltip type="index" :index="indexMethod2" label="序号" width="50" />
            <el-table-column show-overflow-tooltip prop="date" label="字段名称" width="120" />
            <el-table-column show-overflow-tooltip prop="date" label="字段类型" width="120" />
            <el-table-column show-overflow-tooltip prop="date" label="字段内容" />
            <el-table-column show-overflow-tooltip prop="name" label="最后更新时间" width="170" />
            <el-table-column show-overflow-tooltip fixed="right" label="操作" width="100">
              <template #default="scope">
                <div class="flex-justify-between">
                  <button class="btn-table bgColor1">修改</button>
                  <button class="btn-table bgColor5">删除</button>
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

//列表序号
const indexMethod = (index: number) => {
  return (index + 1) * 1
}
//列表序号
const indexMethod1 = (index: number) => {
  return (index + 1) * 1
}
//列表序号
const indexMethod2 = (index: number) => {
  return (index + 1) * 1
}

</script>




<style scoped>
  @import '../../index.scss';
</style>
